<template>
    <div id="app">
       <header>
           <ul>
              <li><img src="../assets/imgs/28_03.gif"></li>
              <li>攻略</li>
              <li><img src="../assets/imgs/28_05.gif"></li>
           </ul>
       </header>
       <section>
       	   <div class="section-image">
       	   		<img src="../assets/imgs/28_09.gif">
       	   </div>
       	   <div class="section-Decoration-stage">      	
       	   		<ul>
	       	   		<li>装修阶段</li>
	       	   		<li>
	       	   			<img src="../assets/imgs/28_12.gif">
		       	   		<span>Decoration Phase</span>
		       	   		<img src="../assets/imgs/28_12.gif">
		       	   	</li>
       	   		</ul>
       	   </div>
       	   <div class="section-Jump">
       	   	  <ul>
          				<li><a href="#"><img src="../assets/imgs/28_03.png"/>准备</a></li>
          				<li><a href="#"><img src="../assets/imgs/28_05.png"/>水电</a></li>
          				<li><a href="#"><img src="../assets/imgs/28_08.png"/>泥木</a></li>
          			 </ul>
          			 <ul>
          				<li><a href="#"><img src="../assets/imgs/28_03.png"/>油漆</a></li>
          				<li><a href="#"><img src="../assets/imgs/28_05.png"/>竣工</a></li>
          				<li><a href="#"><img src="../assets/imgs/28_08.png"/>入住</a></li>
      		 	  </ul>
       	    </div>
            <div class="section-icon">
                <div class="section-icon-left">
                   <p><img src="../assets/imgs/28_32.gif"></p>
                   <p>空间研究所</p>
                   <p>专注空间创意的研究所</p>
                   <p>22篇攻略</p>
                </div> 
                <div class="section-icon-right">
                  <div class="section-icon-left">
                   <p><img src="../assets/imgs/28_34.gif"></p>
                   <p>风格风向标</p>
                   <p>前瞻且美的未来之家</p>
                   <p>14篇攻略</p>
                </div> 
                </div>
            </div>
            <div class="section-gadget">
                <div class="section-gadget-top">
                    <ul>
                        <li>装修小工具</li>
                        <li>
                          <img src="../assets/imgs/28_12.gif">
                          <span>Decoration Tools</span>
                          <img src="../assets/imgs/28_12.gif">
                        </li>
                    </ul>
                </div>
                <div class="section-gadget-bottom">
                    <ul>
                       <li><img src="../assets/imgs/28_39.gif"></li>
                       <li><img src="../assets/imgs/28_41.gif"></li>
                    </ul>
                </div>
            </div>
            <div class="section-sheji">
                <div class="section-sheji-top">
                    <ul>
                        <li>设计师说</li>
                        <li>
                          <img src="../assets/imgs/28_12.gif">
                          <span>Decoration Tools</span>
                          <img src="../assets/imgs/28_12.gif">
                        </li>
                    </ul>
                </div>
                <div class="section-sheji-bottom">
                   <img src="../assets/imgs/28_45.gif">
                </div>
            </div>
            <div class="section-main">
                <div class="section-main-name">
                    <div class="section-main-name-left">
                        <ul>
                           <li><img src="../assets/imgs/28_48.gif" ></li>
                           <li>谷辰黎剑锋</li>
                        </ul>
                    </div>
                    <div class="section-main-name-right">
                        <ul>
                           <li><img src="../assets/imgs/28_54.gif">5356</li>
                           <li><img src="../assets/imgs/28_51.gif">146</li>
                        </ul>
                    </div>
                </div>
                <div class="section-main-content">
                    <ul>
                      <li>新竹2人3犬北欧风温馨宅<br> 新婚后要成家，规划新家格局时，当然要将所有居住者<br>的使用行为一并思考，就连毛孩也不例外!来看这间由<br>为2人3犬所规划的新婚宅。除了能够在家有宽敞明...</li>                    
                    </ul>
                </div>
                <div class="section-main-image">
                    <img src="../assets/imgs/28_59.gif">
                </div>
            </div>

            <div class="section-main">
                <div class="section-main-name">
                    <div class="section-main-name-left">
                        <ul>
                           <li><img src="../assets/imgs/28_62.gif" ></li>
                           <li>谷辰黎剑锋</li>
                        </ul>
                    </div>
                    <div class="section-main-name-right">
                        <ul>
                           <li><img src="../assets/imgs/28_54.gif">5356</li>
                           <li><img src="../assets/imgs/28_51.gif">146</li>
                        </ul>
                    </div>
                </div>
                <div class="section-main-content">
                    <ul>
                      <li>新竹2人3犬北欧风温馨宅<br> 新婚后要成家，规划新家格局时，当然要将所有居住者<br>的使用行为一并思考，就连毛孩也不例外!来看这间由<br>为2人3犬所规划的新婚宅。除了能够在家有宽敞明...</li>                    
                    </ul>
                </div>
                <div class="section-main-image">
                    <img src="../assets/imgs/28_59.gif">
                </div>
            </div>
       </section>
       <footer>
            <ul>
              <li><img src="../assets/imgs/28_69.gif"/><p>发现</p></li>
              <li><img src="../assets/imgs/28_62.gif"/><p>方案</p></li>
              <li><img src="../assets/imgs/28_72.gif"/><p>晒家</p></li> 
              <li><img src="../assets/imgs/28_74.gif"/><p>攻略</p></li> 
              <li><img src="../assets/imgs/28_76.png"/><p>好物</p></li>
            </ul>
       </footer>
    </div>
</template>

<script>
export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">
   @import "../assets/less/power.less";
   @import "../assets/css/reset.css";
</style>
